<template>
  <IFexHeaderMain>
    <template #header>
      <IHeader>首页</IHeader>
    </template>
    <view class="home_main whov">
      <uni-row class="demo-uni-row">
        <uni-col :span="24" v-for="(item, index) in models" :key="index" @click="item.callback">
          <view class="row_c">{{ item.label }}</view>
        </uni-col>
      </uni-row>
    </view>
  </IFexHeaderMain>
</template>

<script setup lang="ts" name="index">
  import { onMounted, ref } from 'vue'
  import ITabBar from '@/components/container/ITabBar.vue'
  import IFexHeaderMain from '@/components/container/IFexHeaderMain.vue'
  import IHeader from '@/components/container/IHeader.vue'
  const models = ref([
    {
      label: '尚界',
      callback: () => {
        uni.navigateTo({ url: '/pages/car/shangjie/index' })
      },
    },
    {
      label: '问界',
      callback: () => {
        uni.navigateTo({ url: '/pages/car/wenjie/index' })
      },
    },
    {
      label: '房产',
      callback: () => {
        uni.navigateTo({ url: '/pages/fc/index' })
      },
    },
  ])
</script>

<style scoped>
  .home_main {
    /* margin: 0 10px; */
    background: #ffffff;
  }
  .row_c {
    padding: 20rpx 40rpx;
    border-bottom: 1px solid #eee;
  }
</style>
